Halaman per tag dengan jekyll-archives dan CSS terkompresi - #37

Tiga commit:

1. Kompres CSS hasil Sass (sass: style: compressed). main.css turun dari 204 KB ke 167 KB (gzip 30,3 → 27,5 KB).
2. Samakan huruf tag di 5 post: networking → Networking (3 post), wordpress → Wordpress, Virtualization → virtualization. Tanpa ini, tiap pasangan menghasilkan slug yang sama dan halaman tagnya saling menimpa. Hanya baris tag di front matter yang berubah.
3. Halaman per tag dengan jekyll-archives: /tag/<nama>/ berisi daftar post bertag itu. Badge tag di post sekarang berupa link ke halaman itu. Gemfile.lock hanya bertambah jekyll-archives 2.3.0.

GitHub Pages

jekyll-archives tidak ada di daftar plugin GitHub Pages. Di build mode aman, plugin itu dilewati: build tetap lolos tanpa halaman /tag/, jadi badge tag di versi github.io mengarah ke 404. Situs live (Cloudflare Pages, Jekyll 4) membangunnya.

Pengujian

• Jekyll 4.4.1: build lolos dan menghasilkan 401 halaman tag. Ke-1189 link tag dari post mengarah ke halaman yang ada. Sitemap naik dari 410 ke 811 URL.
• Dibandingkan dengan build master: di halaman post, yang berubah hanya badge tag (dan meta keywords di 5 post yang tag-nya disamakan).
• CSS terkompresi: 7 halaman (beranda, kategori, pencarian, 3 post, about) di lebar 1280 dan 390 px menghasilkan screenshot yang identik byte per byte dengan master.
• Jekyll 3.10 dengan --safe dan whitelist plugin GitHub Pages, tanpa gem jekyll-archives: build lolos (exit 0), tanpa /tag/, search.json tetap 336 entri.
• Browser (Chromium/Playwright): klik badge #Networking membuka /tag/networking/ dengan 13 post. Tidak ada error di console, dan tidak ada gulir ke samping di 390 px, termasuk untuk tag terpanjang.

Catatan

249 dari 401 tag hanya dipakai satu post, jadi banyak halaman tag yang tipis dan semuanya masuk sitemap. Kalau ini tidak diinginkan, halaman tag dengan satu post bisa diberi noindex atau dikeluarkan dari sitemap di PR terpisah.